*{margin: 0;padding: 0;}
body{font: 12px/1.6 tahoma,arial,sans-serif;min-width: 1200px;min-width: 1200px;color: #333;background: #f4f4f4}
a{text-decoration: none;color: #333333}
li{list-style: none;}
//购物车头部
#header{

  height: 31px;
  margin-bottom: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  .wrap{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;



    .home{
      background: url(http://s6.mogucdn.com/pic/140808/o613k_ieygizrthfrdgyzymiytambqgqyde_15x26.png) no-repeat 0 -5px;
      padding: 0 20px;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      vertical-align: top;
      margin-left: 20px;
      float: left;
    }

    .header_top{
      float: right;
      .user_meta{
        &:hover .ext_mode{
          display: block;
        }
      }
      .s1{
        display: inline;
        position: relative;
        z-index: 100;
        float: left;
        margin: 0 15px 0 0;
        height: 31px;
        a{
          float: left;
          overflow: hidden;
          margin-top: 8px;
          color: #666;
          line-height: 14px;
          padding-right: 5px;
        }
        .icon_delta{
          position: absolute;
          width: 7px;
          height: 5px;
          top: 14px;
          right: 0;
          background: url(http://s6.mogucdn.com/pic/140808/o613k_ieygizrthfrdgyzymiytambqgqyde_15x26.png) 0 0;
        }
        .ext_mode {
          display: none;
          position: absolute;
          z-index: 999;
          width: 90px;
          top: 100%;
          left: -10px;
          background: #fff;
          border: 1px solid #eee;
          border-top: none;
          border-radius: 0 0 3px 3px;
          .s2{
            margin-bottom: 2px;
            a{
              float: none;
              display: block;
              height: 28px;
              line-height: 28px;
              padding: 0 20px;
              margin: 0;
              overflow: hidden;
              color: #444;
              &:hover{
                background: #eee;
              }
            }
          }
        }
      }
      .myorder{
        background: url(http://s17.mogucdn.com/p1/150923/upload_ie2wmzdehazwkztdgmzdambqhayde_100x400.png) no-repeat;
        background-position: 20px -212px;
        a{
          padding-left:38px;
          border-left: 1px solid #ddd;
        }
      }
      .shop_cart_v2>a{
        padding-left: 38px;
        border-left: 1px solid #dddddd;
      }
      .has_line{
        background: url(http://s17.mogucdn.com/p1/150923/upload_ie2wmzdehazwkztdgmzdambqhayde_100x400.png) no-repeat;
        background-position: 12px -104px;
        &:hover .shop_cart_loading{
          display: block;
        }
        &:hover .shop_cart_info{
          display: block;
        }
        .car_info_wrap{
          position: relative;
          z-index: 10;
          display: inline-block;
          .cart_info{
            display: inline-block;
            color: #333;
            cursor: pointer;
          }
        }
        .shop_cart_loading{
          display: none;
          position: absolute;
          right: 0;
          top: 31px;
          left: -80px;
          background: #fff;
          border-radius: 0 0 5px 5px;
          border: 1px solid #eee;
          border-top: none;
          width: 200px;
          padding: 18px 0;
          text-align: center;
          color: #999;
          height: 18px;
          line-height: 18px;
          z-index: 1;
        }
        .shop_cart_info{
          display: none;
          position: absolute;
          padding: 15px;
          z-index: 5;
          right: -48px;
          top: 31px;
          background: #fff;
          border-radius: 0 0 5px 5px;
          border: 1px solid #eee;
          border-top: none;
          ul{
            overflow: hidden;
            position: relative;
            li{
              position: relative;
              vertical-align: middle;
              line-height: 22px;
              padding: 0 50px;
              margin-bottom: 12px;
              height: 40px;
              .imgbox{
                position: absolute;
                top: 0;
                left: 0;
                width: 40px;
                height: 40px;
                overflow: hidden;
                padding-right: 0px;
                img{
                  width:100%;
                  border: 0;
                  vertical-align: middle;;
                }
              }
              a{
                margin-top: 0;
              }
              .title{
                display: block;
                color: #333;
                width: 150px;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
              }
              .info{
                display: block;
                width: 150px;
                height: 20px;
                overflow: hidden;
                font-weight: 400;
                color: #999;
              }
              .price{
                position: absolute;
                top: 0;
                right: 0;
                color: #666;
                font-family: Tahoma;
              }
              .del{
                position: absolute;
                bottom: 0;
                right: 0;
                color: #999;
                cursor: pointer;
                font-weight: 400;
              }
            }
          }
          .subbox{
            border-top: 1px solid #ddd;
            color: #333;
            padding: 10px 0 0;
            line-height: 24px;
            height: 24px;
            .fr{
              float: right;
            }
            .goel{
              float: left;
              overflow: hidden;
              height: 22px;
              line-height: 22px;
              padding: 0 10px;
              text-align: center;
              color: #fff;
              background: #f46;
              border-radius: 4px;
              font-weight: 700;
            }
          }
        }
        .empty_cart{
          width: 200px;
          padding: 18px 0;
          text-align: center;
          color: #999;
          height: 18px;
          line-height: 18px;
        }
      }
    }
    ul{
      padding:0;
    }
  }
}

#body_wrap {
  width: 100%;
  min-height: 350px;
  .g_header {
    width: 100%;
    height: 72px;
    border-bottom: 1px solid #ddd;
    .g_header_in {
      width: 1200px;
      margin: auto;
      overflow: hidden;
      .logo_cart {
        height: 52px;
        margin-top: 14px;
        width: 225px;
        background: url(http://d02.res.meilishuo.net/pic/_o/de/25/2af7c3c13e62a76ba31fd6dcf093_144_39.c5.png) no-repeat;
      }
    }
  }
  .pay_info{
    .g_wrap{
      padding-top: 30px;
    }
    .wrap{
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
      .cart_wrap{
        background: #fff;
        .cart_page_wrap{
          padding: 20px 26px 0;
          .cart_stit{
            height: 46px;
            font: 700 14px/46px helvetica,tahoma,arial,sans-serif;
          }
          .pt10{
            padding-top: 10px !important;
          }
          .cart_address_wrap{
            overflow: hidden;
            .cart_address_list{
              padding: 12px 0;
              li{
                float: left;
                margin-right: 20px;
                a{
                  padding-left: 12px;
                  background: url(http://s21.mogujie.com/pic/150511/1blhwf_ie2tiobvhfrdkojrgezdambqhayde_360x900.png) -344px -36px no-repeat;
                  color: #666;
                }
              }
            }
            .address_pop {
              position: relative;
              padding: 20px 20px 20px 0;
              line-height: 38px;
              dt{
                position: absolute;
                left: 0;
                width: 90px;
                color: #666;
                text-align: right;
              }
              dd{
                position: relative;
                padding-left: 106px;
                i{
                  position: absolute;
                  top: 14px;
                  left: 90px;
                  color: #ff5a00;
                  font-size: 14px;
                  line-height: 14px;
                  font-style: normal;
                }
                .vm{
                  vertical-align: middle;
                }
                .w140{
                  width: 140px;
                }
                .w100{
                  width: 100px;
                }
                .prompt {
                  padding-left: 8px;
                  color: #999;
                }
                .text{
                  margin-top: 5px;
                  margin-bottom: 5px;
                  padding: 6px 8px;
                  height: 12px;
                  line-height: 12px;
                  color: #666;
                  border: 1px solid #c7c7c7;
                  border-radius: 2px;
                }
                .formsize_large {
                  width: 90%;
                }
                .textarea{
                  margin-top: 5px;
                  margin-bottom: 5px;
                  padding: 6px 8px;
                  line-height: 16px;
                  color: #666;
                  border: 1px solid #c7c7c7;
                  border-radius: 2px;
                  vertical-align: top;
                  font-size: 100%;
                }
                .breakline{
                  display: block;
                }
                .prompt{
                  padding-left: 8px;
                  color: #999;
                }
                .formsize_normal{
                  width: 120px;
                }
                .pt10{
                  padding-top: 10px !important;
                }
                .confirm_btn {
                  display: inline-block;
                  height: 34px;
                  font: 0/0 a;
                  overflow: hidden;
                }
                .confirm_btn {
                  width: 104px;
                  background: url(http://s21.mogujie.com/pic/150511/1blhwf_ie2tiobvhfrdkojrgezdambqhayde_360x900.png) -200px -217px no-repeat;
                }
                .cancel_btn {
                  width: 68px;
                  background: url(http://s21.mogujie.com/pic/150511/1blhwf_ie2tiobvhfrdkojrgezdambqhayde_360x900.png) -200px -251px no-repeat;
                  display: inline-block;
                  height: 34px;
                  font: 0/0 a;
                  overflow: hidden;
                }
              }
            }
          }
          .g_wrap_form{
            overflow: hidden;
            .cart_wrap_form{
              border-bottom: none;
              margin: auto;
              .cart_page_form{
                padding:0 26px;
                table{
                  border-collapse: collapse;
                  border-spacing: 0;
                }
                .cart_table_form{
                  width:100%;
                  tr:first-child{
                    background: #ffffff;
                  }
                  tr{
                    border-bottom: 1px solid #efefef;
                    border-top: 1px solid #efefef;
                    background: #f4f4f4;
                    th{
                      padding: 15px 0;
                      font-weight: 400;
                      border-top: 1px solid #efefef;
                    }
                    .th1{
                      width: 56px;
                      border-top: none;
                      text-align: left;
                      padding-left: 10px !important;
                      .s_all{
                        margin-right: 5px;
                        padding: 0;
                        outline: none;
                        font-size: 100%;
                      }
                    }
                    .th2{
                      padding:8px 10px;
                      width: 280px;
                      border-top:none;
                    }
                    .th3{
                      width: 140px;
                      text-align: left;
                      border-top:none;
                    }
                    .th4{
                      border-top:none;
                    }
                    .th5{
                      border-top:none;
                    }
                    .th6{
                      width: 100px;
                      border-top:none;
                    }
                    .th7{
                      width:80px;
                      border-top:none;
                    }
                  }
                  tr{
                    border-bottom: 1px solid #efefef;
                    td{
                      padding: 16px 0;
                      line-height: 24px;
                      vertical-align: top;
                    }
                    .td1{
                      vertical-align: middle;
                      text-align: center;
                      .cart_thcheck {
                        display: block;
                        margin-left: 10px;
                      }
                    }
                    .td2{
                      padding: 16px 10px;
                      width: 280px;
                      text-align: center;
                      .cart_goods_img{
                        float: left;
                        position: relative;
                        height: 80px;
                        img{
                          display: block;
                          border: 1px solid #ccc;
                          vertical-align: middle;
                        }
                      }
                      .cart_goods_t{
                        display: block;
                        margin: 0 20px 0 90px;
                        line-height: 20px;
                        font-size: 14px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        height: 80px;
                      }
                    }
                    .td3{
                      p{
                        line-height: 20px;
                      }
                    }
                    .td4{
                      text-align: center;
                      .p1{
                        color: #999;
                        line-height: 20px;
                        text-decoration: line-through;
                      }
                      .p2{
                        line-height: 20px;
                        font-weight: 700;
                        text-align: center;
                      }
                      span{
                        min-width: 64px;
                        display: inline-block;
                        padding: 4px 6px;
                        font-weight: 700;
                        line-height: 12px;
                        color: #fb5e00;
                      }
                    }
                    .td5{
                      text-align: center;
                      .cart_count{
                        position: relative;
                        width: 97px;
                        height: 27px;
                        margin: 0 auto 4px;
                        .num_input{
                          position: absolute;
                          width: 43px;
                          height: 12px;
                          line-height: 12px;
                          padding: 6px 0 7px;
                          border: 1px solid #ddd;
                          background: #fff;
                          top: 0;
                          left: 26px;
                          text-align: center;
                          color: #333;
                          font-weight: 700;
                        }
                        .num_add{
                          position: absolute;
                          cursor: pointer;
                          width: 27px;
                          height: 27px;
                          top: 0;
                          right: 0;
                          background: url(http://s21.mogujie.com/pic/150511/1blhwf_ie2tiobvhfrdkojrgezdambqhayde_360x900.png) 0 -140px no-repeat;
                        }
                        .num_reduce{
                          opacity: .5;
                          cursor: not-allowed;
                          left: 0;
                          background: url(http://s21.mogujie.com/pic/150511/1blhwf_ie2tiobvhfrdkojrgezdambqhayde_360x900.png) 0 -180px no-repeat;
                          position: absolute;
                          width: 27px;
                          height: 27px;
                          top: 0;
                        }
                      }
                      p{
                        span{
                          display: inline-block;
                          padding: 4px 6px;
                          font-weight: 700;
                          line-height: 12px;
                          color: #fb5e00;
                          width: 68px;
                        }
                      }
                    }
                    .td6{
                      text-align: center;
                      p{
                        color: #f13e3a;
                        font-size: 16px !important;
                      }
                    }
                    .td7{
                      text-align: center;
                      a{
                        text-decoration: none;
                        color: #333;
                      }
                    }
                  }
                  .tr_checked {
                    background: #f8f8f8;
                    td {
                      padding: 16px 0;
                      line-height: 24px;
                      vertical-align: top;
                      .cart_table_note {
                        width: 320px;
                      }
                      .cart_text {
                        margin-top: 5px;
                        margin-bottom: 5px;
                        padding: 6px 8px;
                        height: 12px;
                        line-height: 12px;
                        border: 1px solid #c7c7c7;
                        border-radius: 2px;
                      }
                      .cart_vm {
                        vertical-align: middle;
                      }
                      .cart_lightgray {
                        color: #999;
                        font-size: 16px !important;
                        float: right;
                        .cart_red {
                          color: #ff4f7c;
                          font-weight: 700;
                          font-family: Microsoft YaHei,sans-serif;
                        }
                      }
                    }
                    .pr15{
                      padding-right: 15px !important;
                    }
                    .cart_largepding {
                      padding-top: 16px !important;
                      padding-bottom: 16px !important;
                    }
                    .pl10 {
                      padding-left: 10px !important;
                    }
                  }
                }
              }
            }
            .cart_paybar{
              margin-left: 0;
              margin-right: auto;
              position: relative;
              height: 50px;
              background: #fff;
              border-top: 1px solid #ddd;
              line-height: 50px;
              clear: both;
              .fr{
                float: right;
              }
              .cart_paybtn{
                display: block;
                width: 172px;
                height: 51px;
                margin-top: -1px;
                overflow: hidden;
                background: #ffa701;
                font-size: 18px;
                color: #fff;
                text-align: center;
                font-family: microsoft yahei;
              }
              .cart_money{
                position: relative;
                padding: 0 12px 0 8px;
                display: inline-block;
                color: #f13e3a;
                font-weight: 700;
                font-size: 26px;
                font-family: Microsoft YaHei,sans-serif;
                .cart_pregray{
                  color: #666 !important;
                  .cart_deep_red{
                    color: #f13e3a;
                  }
                }
              }
              .cart_back {
                padding-left: 16px;
                margin-left: 20px;
                background: url(http://s21.mogujie.com/pic/150511/1blhwf_ie2tiobvhfrdkojrgezdambqhayde_360x900.png) -340px -3px no-repeat;
              }
              .cart_pregray {
                color: #666 !important;
              }
            }
          }
        }
        .pt0{
          padding-top: 0 !important;
        }
      }
    }
  }
}
//购物车尾部
.g_footer{
  color: #999;
  padding: 40px 0;
  text-align: center;
  background-color:#f4f4f4;
  .icons{
    padding-top: 16px;
    height: 28px;
    text-align: center;
    .a1{
      width: 80px;
      background: url(http://www.mogujie.com/img/pay/split.png) 0 -50px no-repeat;
      cursor: default;
      display: inline-block;
      height: 28px;
      vertical-align: top;
    }
    .a2{
      width: 74px;
      background: url(http://www.mogujie.com/img/pay/split.png) -90px -50px no-repeat;
      cursor: default;
      display: inline-block;
      height: 28px;
      vertical-align: top;
    }
    .a3{
      width: 50px;
      background: url(http://www.mogujie.com/img/pay/split.png) -178px -50px no-repeat;
      cursor: default;
      display: inline-block;
      height: 28px;
      vertical-align: top;
    }
    .a4{
      width: 164px;
      vertical-align: top;
      background: url(http://www.mogujie.com/img/pay/split.png) -240px -50px no-repeat;
      display: inline-block;
      height: 28px;
    }
    .a5{
      width: 84px;
      background: url(http://www.mogujie.com/img/pay/split.png) -400px -50px no-repeat;
      display: inline-block;
      height: 28px;
      vertical-align: top;
    }
    .a6{
      width: 50px;
      background: url(http://www.mogujie.com/img/pay/split.png) -486px -50px no-repeat;
      display: inline-block;
      height: 28px;
      vertical-align: top;
    }
  }
}